<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title> Informe {{ informe.pais.name }}</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/responsive.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">

        {% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
    </head>
    <body>

        {% include "topmenu.html" %} <!-- Top menu -->

        <div class="container">
            <div class="row-fluid">

                {% include "sidebar.html" %} <!-- Side bar -->

                <div class="span7">
                    <div class="page-header">
                        <h4>Informe a nivel pais</h4>
                    </div>
                    <div>
                        <h3><img src="{{ STATIC_URL }}banderas{{informe.pais.flag}}"> {{ informe.pais.name }} </h3>
                        <p>
                            Periodo del informe: {{ informe.fecha_inicio | date:" d/M/Y" }} al {{ informe.fecha_fin | date:" d/M/Y" }}
                        </p>
                        <p>
                            <b>Breve resumen:</b>
                            <br>
                            {{ informe.resumen | linebreaks }}
                            <br />
                        </p>
                        Mas detalles:&nbsp;&nbsp;<a target="_blank" href="/plataforma/plataforma/media/{{ informe.archivo.name }}">Ver informe completo de {{ informe.pais.name }}</a>
                    </div>
                </div>
            </div><!-- row fluid -->

            {% include "footer.html" %} <!-- Footer -->
        </div>
        <!-- container -->

        <!-- JS files -->
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap-formhelpers-countries.js" %}"></script>
        {% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap-formhelpers-countries-US.js" %}"></script>

    </body>
</html>